page { width: 100%; height: 100%;}
view { box-sizing: border-box;}

.imgBox {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: $bg-grey;
}

.icon-warning {
	color:#fb7664;
}

.icon-sccuess {
	color:#51d743;
}

.uni-select {
	background-color: #f7f7f7;
	border:none !important;
}

.b-bg {
	background-color: #f7f7f7;
	min-height: 100%;
}

.b-w {
	background-color: white;
}

.page {
	width: 100%;
	min-height: 100%;
	.row {
		padding-top: 15rpx;
	}
	&.haveBar {
		padding-bottom: 113rpx;
	}
}

.text-a {
	text-decoration: underline;
	color:#f24545;
}

.textell {
	width: 100%;
	@include text();
}
.add-form {padding: 38rpx;}
.add-form .is-input-border { border:none !important;background-color: transparent !important;}
.add-form .is-focused { border:none !important;}
.add-form .uni-select {background-color: transparent !important;padding: 0 10px !important;}
.uni-data-checklist .checklist-group .checklist-box.is--default.is-checked .radio__inner {
	border-color: #f24545 !important;
}
 #selectLong .uni-select__selector {
	  width: 170rpx !important;
  }
  body .uni-select__selector-item {
	 display: block !important;
  }
  
  body .uni-select__selector-item uni-text {
	    display: block;
	     width: 100%;
	     overflow: hidden;
	      text-overflow: ellipsis;
	      white-space: nowrap;
  }

 body .uni-select__input-box {
 	  width: 100%;
 }

.uni-data-checklist .checklist-group .checklist-box.is--default.is-checked .radio__inner .radio__inner-icon {
	background-color:#f24545 !important;
}

.uni-data-checklist .checklist-group .checklist-box.is--default.is-checked .checklist-text {
	color:#f24545 !important;
}

.add-form.color .uni-select__input-text, .add-form.color .uni-icons {
	color:$color-primary !important;
}



body uni-modal .uni-modal__btn_primary {
	background-color: #f24545 !important;
	color:#fff !important;
	border-color: #f24545;
}

.more-bottom {
	width: 100%;
	font-size: 26rpx;
	text-align: center;
	color:#cccccc;
}


  .userBox {
	  display: flex;
	  padding: 34rpx 40rpx;
	  justify-content: space-between;
	  align-items: center;
	  .logoBox {
		  color:$color-primary;
		  font-size: 34rpx;
		  .logo {
			  width: 280rpx;
			  height: 77rpx;
		  }
	  }
	  .user {
		   font-size: 30rpx;
		  .iconfont {
			  font-size: 36rpx;
			  position: relative;
			  top:2rpx;
			  margin-right: 2rpx;
		  }
	  }
  }
  .banner {
	  padding-bottom: 10rpx;
	  .swiperBox {
		  overflow: hidden;
		  background-color: #fff;
		  border-radius: $border-radius;
		  // background-image: url('@/static/img/banner.png');
		  background-size: cover;
		  background-position: center;
		  height: 355rpx;
		  background-repeat: no-repeat;
	  }
  }
  
  .scroll-view {
    -ms-overflow-style: none !important; /* IE 10+ */
    scrollbar-width: none !important; /* Firefox */
  }
   
  .scroll-view::-webkit-scrollbar {
    display: none !important; /* Chrome, Safari, Opera */
  }
  
  /deep/ ::-webkit-scrollbar {
  	width: 0.5px !important;
  	height: 1px !important;
  	overflow: auto !important;
  	background: transparent !important;
  	-webkit-appearance: auto !important;
  	display: block;
  }
  
  #scrollWrap {
  	width: 100%;
  	height: 100%;
  	.block{
  	  &.banner {
  		  padding-bottom: 0;
  	  }
  	}
  	.blockTab {
  		padding: 0 34rpx;
  		background-color: #f7f7f7;
  		&.fix {
  			position: fixed;
  			top:0rpx;
  			left: 0;
  			z-index: 9999;
  			width: 100%;
  			right: 0;
  		}
  	}
  }
  
  .blockIn {
  	   width: 750rpx;
  	   height: 110rpx;
  	   background-color: #f7f7f7;
  }
  
body .fil .uni-select__selector-item {
  border-bottom: 1px solid #f3f0f0;
}	